/*----------------------------------通用-----------------------------*/
@charset "utf-8";
body {font:14px/1.5em '微软雅黑','Microsoft YaHei';color:#333;overflow-x: hidden; background: #fff;}
em{font-style:normal;}
small{font-size:12px}
ul,ol{list-style:none}
img{border:0;}
button{cursor:pointer;font-size:14px;}
input {outline:none;font-size:14px;}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:none;color:#054a1c;}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.fleft{float:left;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.ww{word-break:break-all;word-wrap:break-word}
.ell {text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.brs {-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.main {width:1200px;margin:0 auto;overflow:hidden;}
h2.h2 {height:40px;line-height:40px;font-size:14px;text-align:left;width:1200px;margin:0 auto;padding-top:60px;}
@media screen and (max-width: 1220px) {
 .main {width:100%;}
 h2.h2{padding-left:10px;width:90%;}
}
.opacity:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.cur {cursor:pointer;}
.conbox {padding:20px 25px;line-height:2em;color:#898989;text-align: left;}
.conbox img {max-width:100%;}
.conbox table {max-width:100%;}
@media screen and (max-width:799px) {
  .conbox img {width:100%;height:auto;}
  .conbox table {width:100%;height:auto;}
   h2.h2{display: none;}
}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1481161302944'); /* IE9*/
  src: url('iconfont.eot?t=1481161302944#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1481161302944') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1481161302944') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1481161302944#iconfont') format('svg'); /* iOS 4.1- */
}
.icon {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.swiper-button-prev {width:32px;color:#008000;font-family:"iconfont" !important;font-size:32px; font-style:normal;  -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;background:url();filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.swiper-button-next {width:32px;color:#008000;font-family:"iconfont" !important;font-size:32px; font-style:normal;  -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;background:url();filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.swiper-button-prev:after {content:'\e660' }
.swiper-button-next:after {content:'\e65f' }
.swiper-button-prev:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.swiper-button-next:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.bian { border:1px solid #d9d9d9; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;background: -webkit-linear-gradient(#fff, #ececec); background: -o-linear-gradient(#fff, #ececec);background: -moz-linear-gradient(#fff, #ececec);background: linear-gradient(#fff, #ececec);
      box-shadow:3px 2px 5px #ddd;-webkit-box-shadow:3px 2px 5px #ddd;-moz-box-shadow:3px 2px 5px #ddd; }

/*----------------------------------顶部-----------------------------*/
.header {height:100px;background: #fff;}
.headerin {height: 100px;}
#logo {float: left;padding-top:20px;}
#logo img {height:60px;}
#navbar { float: right; text-align: right;} 
.nav { float: right; height:40px; margin-top:30px;}
.nav li { float: left;height:40px; line-height: 40px; width:120px;}
.nav li.nav_close { display: none;}
.nav li:hover , .nav li.active { color:#008000;}
.nav li a{ display: block;text-align:center;  font-size:18px;}
.nav li:hover a  , .nav li.active a{color:#008000;}
.nav li ul { display: none;}
.nav_btn {display: none;}

.header-float {height:60px;border-bottom:1px solid #ddd;}
.header-float .headerin {height:60px;}
.header-float #logo {padding-top:10px;}
.header-float #logo img{height:40px;}
.header-float .nav { margin-top:12px;}
.header-float .nav li a{ font-size:16px;}
@media screen and (max-width:1000px) {
  .nav li { width: 100px;} 
}

@media screen and (max-width:799px) {
  
   .header {height:60px;}
   .headerin {height:60px;}
   #logo {padding-top:10px;padding-left:5px;}
   #logo img{height:40px;}
   .nav{ display: none; position: absolute; width: 100%;left:0; background: #fff; margin-top:60px;border-top:1px solid #f6f6f6;z-index:9;height:auto; }
   .nav li {width: 100%;clear:both;border-left:0;border-bottom:1px solid #f6f6f6;text-align: center;}
   .nav li a{ font-size: 14px;}
   .nav_btn {display: block; float: right; margin:15px 10px 0 0; color:#008000; font-size:30px; height: 30px; line-height: 30px; cursor: pointer;}
   .nav_btn:hover {color:#054a1c;}
   .nav li.nav_close { display: block; cursor: pointer ;}
   .nav li.nav_close:hover {color:#008000;}
   .nav li:hover ul {display: none;}
}
/*----------------------------------首页-----------------------------*/
.banner img {width:100%;}
.index-product {background: #fff;}
.index-product h2 { height:89px; line-height:48px; font-size:28px; color: #000; padding-top:65px;text-align: center;width:220px; margin:0 auto;}
.index-product h2 small {color:#000; display: block;height:40px;line-height: 40px; font-size: 14px; border-top:1px solid #ddd;}
.index-product .mc {padding-bottom:30px;}
.index-product .mc li {float: left; width: 23%; text-align: center; padding:1% 1% 3% 1%;}
.index-product .mc li .p-img { }
.index-product .mc li img {width:100%;margin:0px auto;}
.index-product .mc li .p-name { position:relative; z-index:1; height:30px; overflow:hidden; width:100%; line-height:30px; background:#595b5b; text-align: center; margin-top:-30px; }
.index-product .mc li .p-name a {color:#fff;font-size:16px;display:block;}
.index-product .mc li .p-name span {display:block;width:60%;overflow: hidden;float:left;padding-left:10%;}
.index-product .mc li .p-name em.icon {display:block;margin-top:5px;margin-left:2px;float:left;width:20px; background:#eee;color:#333;height:20px;line-height:23px;font-size:14px;text-align: center;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.index-product .mc li:hover .p-name { background: #008000; }
.iproduct { padding: 10px 0;}

@media screen and (max-width:799px) {
  .index-product h2 { padding-top:25px;}
  .index-product .mc li {width: 48%; }
}

.iabout-pic img{width:100%;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.index-about h2 { height:109px; line-height:48px; font-size:28px; color: #000; padding:20px 10px 0px 0px;text-align: center;width:220px; margin:0 auto;}
.index-about h2 small {color:#000; display: block;height:40px;line-height: 40px; font-size: 14px; border-top:1px solid #ddd;}
.index-about ul li {width:32%;float:left;padding-bottom:70px;}
.index-about ul li+li {padding-left:2%;}
.iabout-main {padding-top:50px;padding-bottom:20px;height:177px;}
.iabout-main div {height:130px;padding:15px 17px 50px 17px;border:1px solid #d0cfcf; overflow:hidden;}
.iabout-main div span {display:block;height:130px;line-height:26px;overflow:hidden; text-indent: 2em;}
.iabout-main div span p{text-indent: 2em;}
.iabout-main h3 { display:block;  position:relative;margin:-208px auto 0 auto;height:22px;font-size:22px; width:96px;text-align: center;background: #fff; z-index: 1;overflow:hidden;}
.iabout-main em.iabout-bbg { display:block; position:relative;margin:147px auto 0 auto;height:84px;width:84px;line-height:84px; font-size:84px; text-align: center; z-index: 1; color:#96d3ac; #padding-top:5px;padding-top:5px\0;}
.iabout-main a.iabout-b { display:block; position:relative;margin:-84px auto 0 auto;height:84px;width:84px;line-height:84px; font-size:24px; text-align: center; z-index: 2; color:#ecf7f0;}


@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, .iabout-main em.iabout-bbg { padding-top:5px;}
} 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.iabout-main em.iabout-bbg { padding-top:5px;}
}


.index-about ul li:hover .iabout-pic img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1;}
.index-about ul li:hover .iabout-main {background:#0c9a3f;}
.index-about ul li:hover .iabout-main div {border:1px solid #0c9a3f; }
.index-about ul li:hover .iabout-main div span {color: #fff;}
.index-about ul li:hover .iabout-main h3 { background:#0c9a3f;color:#fff; }
.index-about ul li:hover .iabout-main em.iabout-bbg { color:#fff;}
.index-about ul li:hover .iabout-main a.iabout-b { color:#666;}

@media screen and (max-width:799px) {
  .index-about ul li {width:100%;clear: both;}
  .index-about ul li+li {padding-left:0%;}
}
.index-news h2 { height:109px; line-height:48px; font-size:28px; color: #000; padding:0px 10px 0px 0px;text-align: center;width:220px; margin:0 auto;}
.index-news h2 small {color:#000; display: block;height:40px;line-height: 40px; font-size: 14px; border-top:1px solid #ddd;}
.inews-pic img{width:100%;}

.index-c {padding:30px 0;}
.inews {width:47%; float: left;}
.ic {width:47%; float:right;}
.inews h2,.ic h2 {font-size:18px; height:68px; line-height: 68px;}
.inews ul li{ height:26px;line-height:26px;overflow: hidden;}
.inews ul li a {display:block;}
.inews ul li a span {display:block; float: left; width:80%;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.inews ul li a em {display:block; float:right; width:15%;text-align: right;}
.ic ul li.ic_ewm {float:left; width:33%;height:100px; background: url(../images/weixin.png) no-repeat 0 0;background-size: 100px;}
.ic ul li+li {color:#999;}
.ic ul li+li span{ display: block;font-size:24px;line-height:50px;color:#00ab00;height:70px;}
.ic ul li+li span em.icon{font-size:50px;margin-right:10px;line-height:50px;}

@media screen and (max-width:799px) {
  .inews {width:100%; clear: both;}
  .ic {width:100%;clear: both;}
  .inews h2 {display: none;}
  .ic h2 {padding-left:5px;}
  .inews ul {padding:0 10px;}
  .ic ul {padding:0 10px;}
  .ic ul li+li span{ display: block;font-size:18px;line-height:30px;color:#00ab00;height:40px;}
  .ic ul li+li span em.icon{font-size:30px;margin-right:10px;line-height:30px;}
}
/*----------------------------------底部-----------------------------*/

.linkup {height:60px; width:120px;margin:0 auto; text-align: center; overflow: hidden;}
.linkup em.icon {font-size:120px;color:#3dae65;display: block; position: relative;margin:60px auto 0 auto;width:120px;text-align: center;}
.linkup a {font-size:18px;color:#fff;display: block;position: relative;margin:-50px auto 0 auto;width:120px;text-align: center;}
.link {height:120px; line-height:120px;background: #454545; text-align: center;color:#454545;}
.link a {color:#e6e6e6;font-size: 16px;}
.link em {margin:0 20px;}
.footer { background: #414141; line-height: 40px;text-align: center; color:#aaaaaa;}
@media screen and (max-width:799px) {
  .link {height:auto;padding:20px 10px;line-height:30px;color:#ddd;}
  .link em {margin:0 3px;}
  .footer {padding:10px 10px;line-height:20px;}
}
a.win-backtop { display:block; position: fixed; right: 2px; bottom:146px; background:#f6f6f6; border:1px solid #ddd; color: #000; font-size:12px; line-height: 38px; text-align: center; width: 38px; height: 38px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
a.win-backtop:hover {background:#f80;border:1px solid #f80;color:#fff;}
/*----------------------------------内页通用----------------------------*/
.ads a  {display: block;}
.ads img {display: block;margin:0 auto;max-width: 100%;}
.main_left {position: absolute;width:100%; height:60px; left:0;line-height:60px;background: #f9f9f9;}
.main_center {width:100%; padding:0px 0 20px 0;}
.main_left h3 { display: none;}
.main_left .mc {background: #f3f3f3;}
.main_left .mc dl {display:block; }
.main_left .mc dl+dl {border-left:1px solid #ececec;}
.main_left .mc dl dt {display:block;float:left;}
.main_left .mc dl dt a{display:block; padding:0 20px; font-weight: 700; }
.main_left .mc dl dt a:hover,.main_left .mc dl dt.active a{color:#008000; background:#ddd;}
.main_left .mc dl dd {display:block;float:left;}
.main_left .mc dl dd a{display:block; padding:0 20px; float:left; border-left:1px solid #eee;}
.main_left .mc dl dd a:hover,.main_left .mc dl dd a.active{color:#008000; background:#ddd;}
.main_left .mc .lhidden {display: none;}
.main_left .lefts {display: none;}

@media screen and (max-width:1000px) {
  .main_left .lc li em{ width:17%;}
  .main_left .lc li span {width:83%;}
}

.rbox { margin:0px auto; text-align: center;}
.rbox h2  { line-height:48px; font-size:28px; color: #000; padding:0px 20px 0px 20px;text-align: center;display: inline-block; margin:0 auto;}
.rbox h2  small {color:#000; display: block;height:40px;line-height: 40px; font-size: 14px; border-top:1px solid #ddd;padding:0px 20px 0px 20px;}


.bdsharebuttonbox span {display:block; float: left;padding-top:4px;}
@media screen and (max-width:799px) {
  .ads img {display: block;margin:0 auto;width:100%;}
  .main_left {height:44px;line-height: 44px; }
  
  .main_left .lefts {display: block;height:38px;background:#efefef;}
  .main_left .lefts a {display: block;height:38px;line-height: 38px;background:url(../images/icon_arrowB.png) no-repeat 0px 17px;width:80px;padding-left:20px;margin:0 auto;overflow: hidden;}
  .main_left .mc {position: absolute;left:0; width: 100%;z-index:8;margin-top:38px;display: none;background: #fff;border-top:1px solid #ddd;}
  .main_left .mc dl dt,.main_left .mc dl dd,.main_left .mc dl dd a{width:100%; border:0;clear: both;background: #fff;}
  .main_left .mc dl dt,.main_left .mc dl dd a {border-bottom:1px solid #ddd;}
  .main_left .mc dl.lhidden {display: block;clear: both; height:44px; text-align: center; line-height: 44px; cursor: pointer;background: #fff; }
  .rbox { width:98%;padding-top:40px;}
}

/*----------------------------------产品、案例-----------------------------*/
.lists-wrap {}
.lists-wrap ul li{float: left;width:25%;padding:20px 0;border-bottom:1px solid #eee;}
.lists-wrap ul li .p-img{overflow:hidden; text-align: center; border-left:1px solid #fff;}
.lists-wrap ul li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li .p-img {border-left:1px solid #fff;}
.lists-wrap ul li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #fff;}
.lists-wrap ul li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li .p-img img {width:96%;}
.lists-wrap ul li .p-img:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.lists-wrap ul li .p-name{ height:40px;line-height:20px;padding:2px 2%; overflow: hidden; text-align: center;}
@media screen and (max-width:799px) {
  .lists-wrap ul li {width:50%;}
  .lists-wrap ul li+li+li .p-img {border-left:1px solid #fff;}
  .lists-wrap ul li+li+li+li .p-img {border-left:1px solid #eee;}
  .lists-wrap ul li+li+li+li+li .p-img {border-left:1px solid #fff;}
  .lists-wrap ul li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
  .lists-wrap ul li+li+li+li+li+li+li .p-img {border-left:1px solid #fff;}
  .lists-wrap ul li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
  .lists-wrap ul li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #fff;}
  .lists-wrap ul li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
  .lists-wrap ul li+li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #fff;}
  .lists-wrap ul li+li+li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}

}
.pro h1 {font-size:24px;text-align:center;display:block;padding:20px 0 15px 0; line-height:36px;}
.pro h3 {color:#e4393c;text-align:center;padding:0px 0 15px 0;}
.probanner {padding-bottom: 20px;}
.probanner img { display: block; margin: 0 auto; max-width: 100%;}
.pro h4 {height:32px; line-height:32px; background:#f6f6f6; color:#e4393c; text-align: left; padding-left: 10px;}
.pro .bdsharebuttonbox {float: right;}
.pro .bdsharebuttonbox span {line-height:22px;}
.casepic {padding:10px 0 20px 0;text-align: center;}
.casepic img{max-width: 100%;margin:0 auto;}
@media screen and (max-width:799px) {
  .pro h1 {font-size:18px;line-height:28px;}
  .casepic  img{width: 100%;}
}
/*----------------------------------新闻页面-----------------------------*/
.news_list ul {padding:0 5px;}
.news_list ul li {height:40px;line-height:40px;background: url(../images/dot-news.png) no-repeat 5px 18px; overflow: hidden;border-bottom: 1px solid #eee;}
.news_list ul li a {display: block; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;float: left;padding-left:20px;width:65%;text-align: left;}
.news_list ul li span{display: block;width:27%; float: right; text-align: right;}
.news h1{font-size:24px;text-align:center;display:block;padding:20px 0 15px;margin-bottom:10px;line-height:34px;}
.news .summary {text-align:center;color:#999;}
.news .partake{height:20px;padding:10px 0;}
.news .partake .bdsharebuttonbox  {float: right;}
.news .partake span{margin-top:3px;}
@media screen and (max-width:799px) {
  .news h1 {font-size:22px;line-height:32px;}
}
/*----------------------------------分页-----------------------------*/
.pagebox{position:relative;padding:10px 0 10px 0;}
#fenye{padding:0px;text-align:right}
#fenye a{transition: 0.3s ease-in-out;border: 1px solid #ccc;border-radius: 4px;background: #fff;box-shadow: inset 0px 1px 1px rgba(50,50,50,0.05);display: inline-block;margin-right: 10px;height: 25px;line-height: 25px; padding:0 8px;}
#fenye span{ margin-right:15px;}
#fenye a:hover,#fenye a.curr{color: #fff;border: 1px solid #353535;background: #353535;display: inline-block;height: 25px;line-height: 25px;}
@media screen and (max-width:799px) {
  #fenye span{ margin-right:15px;display:block;margin-bottom:10px;}
  #fenye a.num , #fenye a.curr {display:none;}
}

.message-floor{width:100%;height:100%;position:fixed;top:0;left:0;text-align:center;z-index:100;visibility:visible;}
.message-floor .messge-box{width:145px;background:rgba(0,0,0,0.8);border-radius:8px;text-align:center;position:absolute;top:50%;left:50%;width:180px;height:88px;margin-top:-44px;margin-left:-90px;}
.messge-box .messge-box-icon{width:26px;height:26px;display:inline-block;margin:18px 0 9px 0;position:relative;overflow:hidden;vertical-align:middle;}
.messge-box .messge-box-content{font-size:15px;line-height:15px;color:#fff;padding:0 10px 21px 10px;}
.messge-box-icon h1{color:white;display:inline;margin-top:5px;font-size:22px;}
.message-toast-icon{background:url(../images/toast-icon.png) no-repeat;background-size:28px 60px;}
.success-icon{display:inline-block;height:26px;width:26px;background-position:-1px -29px;}
.error-icon{display:inline-block;height:26px;width:26px;background-position:-1px -1px;}